<template>
  <div>
    <el-row :gutter="20">
      <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
        <el-card class="box-card layout">
          <div slot="header">
            <h4>重点工作打分排名(市级)</h4>
          </div>
          <echOne></echOne>
        </el-card>
      </el-col>
      <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
        <el-card class="box-card layout">
          <div slot="header">
            <h4>重点工作打分排名(区县)</h4>
          </div>
          <echTow></echTow>
        </el-card>
      </el-col>
      <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
        <el-card class="box-card layout">
          <div slot="header">
            <h4>重点工作打分排名(西咸)</h4>
          </div>
          <echThree></echThree>
        </el-card>
      </el-col>
      <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
        <el-card class="box-card layout">
          <div slot="header">
            <h4>重点工作打分排名(开发区)</h4>
          </div>
          <echFour></echFour>
        </el-card>
      </el-col>
    </el-row>
  </div>
</template>
<script>
import echOne from "./priority/echOne";
import echTow from "./priority/echTow";
import echThree from "./priority/echThree";
import echFour from "./priority/echFour";
export default {
  data() {
    return {
      quarter: "",
      quarterList: [
        { id: 1, name: "第一季度" },
        { id: 2, name: "第二季度" },
        { id: 3, name: "第三季度" },
        { id: 4, name: "第四季度" },
      ],
      tableData: [],
    };
  },
  mounted() {
    // this.quarterScore();
  },
  methods: {},
  components: {
    echOne: echOne,
    echTow: echTow,
    echThree: echThree,
    echFour: echFour,
  },
};
</script>
<style lang="less" scoped>
.layout {
  // float: left;
  // width: 45%;
  // height: 540px;
  // margin-left: 20px;
  margin-bottom: 20px;
}
</style>
